<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<%@include file="/common/head.jsp" %>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <p align="center"><font size="4" color="coral" face="楷体">员工基本信息</font></p>
    <form action="${ctx }/admin/employee/save?id=${n.id}"  class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 用户ID -->
            <label class="col-sm-2 control-label">用户ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="user-id" name="user.id" value="${n.user.id }" class="form-control">
                <input type="text"  placeholder="请选择用户ID" class="form-control"  id="user-name" name="user.username" value="${n.user.id}"
                       onclick="bring({
                               url:'${ctx}/admin/user/search',
                               name: 'username',
                               idInput: 'user-id',
                               nameInput: 'user-name'
                               })" />

            </div>

            <!-- 岗位 -->
            <label class="col-sm-2 control-label">岗位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="position" value="${n.position }">
            </div>
        </div>
        <div class="form-group">

            <!-- 姓名 -->
            <label class="col-sm-2 control-label">姓名</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="name" value="${n.name }">
            </div>

            <!-- 出生日期 -->
            <label class="col-sm-2 control-label">出生日期</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="birth" value="<fmt:formatDate value='${n.birth }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>
        </div>
        <div class="form-group">

            <!-- 性别 -->
            <label class="col-sm-2 control-label">性别</label>
            <div class="col-sm-4">
                <!-- <input type="text" class="form-control" name="sex" value="${n.sex }">-->
                <input type="radio" name="sex" value="1">男</input>
                <input type="radio" name="sex" value="0">女</input>
            </div>

            <!-- 身高 -->
            <label class="col-sm-2 control-label">身高</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="height" value="${n.height }">
            </div>
        </div>
        <div class="form-group">

            <!-- 体重 -->
            <label class="col-sm-2 control-label">体重</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="weight" value="${n.weight }">
            </div>

            <!-- 籍贯 -->
            <label class="col-sm-2 control-label">籍贯</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="place" value="${n.place }">
            </div>
        </div>
        <div class="form-group">

            <!-- 民族 -->
            <label class="col-sm-2 control-label">民族</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="nation" value="${n.nation }">
            </div>

            <!-- 联系电话 -->
            <label class="col-sm-2 control-label">联系电话</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="phone" value="${n.phone }">
            </div>
        </div>
        <div class="form-group">

            <!-- 身份证号 -->
            <label class="col-sm-2 control-label">身份证号</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="IDCard" value="${n.IDCard }">
            </div>

            <!-- 毕业学校 -->
            <label class="col-sm-2 control-label">毕业学校</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="school" value="${n.school }">
            </div>
        </div>
        <div class="form-group">

            <!-- 专业 -->
            <label class="col-sm-2 control-label">专业</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="major" value="${n.major }">
            </div>

            <!-- 学历 -->
            <label class="col-sm-2 control-label">学历</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="education" value="${n.education }">
            </div>
        </div>
        <div class="form-group">

            <!-- 户口所在地 -->
            <label class="col-sm-2 control-label">户口所在地</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="location" value="${n.location }">
            </div>

            <!-- 居住地址 -->
            <label class="col-sm-2 control-label">居住地址</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="address" value="${n.address }">
            </div>
        </div>
        <div class="form-group">

            <!-- 微信号 -->
            <label class="col-sm-2 control-label">微信号</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="wechat" value="${n.wechat }">
            </div>

            <!-- 邮箱 -->
            <label class="col-sm-2 control-label">邮箱</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="email" value="${n.email }">
            </div>
        </div>
        <div class="form-group">

            <!-- 婚姻状况 -->
            <label class="col-sm-2 control-label">婚姻状况</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="marry" value="${n.marry }">
            </div>

            <!-- 入职时间 -->
            <label class="col-sm-2 control-label">入职时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="in_time" value="<fmt:formatDate value='${n.in_time }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>
        </div>
        <div class="form-group">



        </div>
        <button type="button" class="sub-btn" >员工信息确认</button>
        <%-- <input type="button" id="sub" value="提交“ onclick="test()" >--%>
    </form>
</div>

<!--紧急联系人信息-->
<div class="wrapper wrapper-content animated fadeInRight">
    <p align="center"><font size="4" color="coral" face="楷体">紧急联系人信息</font></p>
    <form action="${ctx }/admin/emergencyContact/save?id=${n.id }" id="detail-form" class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="text" id="employee-id" name="employee.id" value="${userId }" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name" value="${n.employee.name}"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id',
                               nameInput: 'employee-name'
                               })" />

            </div>

            <!-- 姓名 -->
            <label class="col-sm-2 control-label">姓名</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="name" value="${n.name }">
            </div>
        </div>
        <div class="form-group">

            <!-- 关系 -->
            <label class="col-sm-2 control-label">关系</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="relation" value="${n.relation }">
            </div>

            <!-- 联系电话 -->
            <label class="col-sm-2 control-label">联系电话</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="phone" value="${n.phone }">
            </div>
        </div>
        <div class="form-group">

            <!-- 单位或住址 -->
            <label class="col-sm-2 control-label">单位或住址</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="address" value="${n.address }">
            </div>

        </div>
        <button type="button" class="sub-btn" >紧急联系人确认</button>
        <button type="button" class="sub-btn-1" >添加</button>
    </form>

</div>

<div class="wrapper wrapper-content animated fadeInRight">

    <form action="${ctx }/admin/emergencyContact/save?id=${n.id }" id="detail-form-1" class="form-horizontal" method="post">

        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="text" id="employee-id-1" name="employee.id" value="${userId}" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-1" value="${n.employee.name}"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-1',
                               nameInput: 'employee-name-1'
                               })" />

            </div>

            <!-- 姓名 -->
            <label class="col-sm-2 control-label">姓名</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="name" value="${n.name }">
            </div>
        </div>
        <div class="form-group">

            <!-- 关系 -->
            <label class="col-sm-2 control-label">关系</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="relation" value="${n.relation }">
            </div>

            <!-- 联系电话 -->
            <label class="col-sm-2 control-label">联系电话</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="phone" value="${n.phone }">
            </div>
        </div>
        <div class="form-group">

            <!-- 单位或住址 -->
            <label class="col-sm-2 control-label">单位或住址</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="address" value="${n.address }">
            </div>

        </div>
        <button type="button" class="sub-btn" >紧急联系人确认</button>
        <button type="button" class="sub-btn-4" >添加</button>
        <button type="button" class="sub-btn-2" >删除</button>
    </form>

</div>

<div class="wrapper wrapper-content animated fadeInRight">

    <form action="${ctx }/admin/emergencyContact/save?id=${n.id }" id="detail-form-2" class="form-horizontal" method="post">

        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="employee-id-2" name="employee.id" value="${userId}" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-2" value="${n.employee.name}"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-2',
                               nameInput: 'employee-name-2'
                               })" />

            </div>

            <!-- 姓名 -->
            <label class="col-sm-2 control-label">姓名</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="name" value="${n.name }">
            </div>
        </div>
        <div class="form-group">

            <!-- 关系 -->
            <label class="col-sm-2 control-label">关系</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="relation" value="${n.relation }">
            </div>

            <!-- 联系电话 -->
            <label class="col-sm-2 control-label">联系电话</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="phone" value="${n.phone }">
            </div>
        </div>
        <div class="form-group">

            <!-- 单位或住址 -->
            <label class="col-sm-2 control-label">单位或住址</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="address" value="${n.address }">
            </div>

        </div>
        <button type="button" class="sub-btn" >紧急联系人确认</button>
        <button type="button" class="sub-btn-3" >删除</button>
    </form>

</div>


<!--教育经历-->
<div class="wrapper wrapper-content animated fadeInRight">
    <p align="center"><font size="4" color="coral" face="楷体">教育信息信息</font></p>
    <form action="${ctx }/admin/education/save?id=${n.id }" id="detail-form-one" class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="employee-id-one" name="employee.id" value="${n.employee.id }" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-one" name="employee.name" value="${n.employee.name }"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-one',
                               nameInput: 'employee-name-one'
                               })" />

            </div>

            <!-- 学习起始时间 -->
            <label class="col-sm-2 control-label">学习起始时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="start" value="<fmt:formatDate value='${n.start }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>
        </div>
        <div class="form-group">

            <!-- 学习结束时间 -->
            <label class="col-sm-2 control-label">学习结束时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="end" value="<fmt:formatDate value='${n.end }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>

            <!-- 专业 -->
            <label class="col-sm-2 control-label">专业</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="major" value="${n.major }">
            </div>
        </div>
        <div class="form-group">

            <!-- 学历 -->
            <label class="col-sm-2 control-label">学历</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="record" value="${n.record }">
            </div>

            <!-- 证书 -->
            <label class="col-sm-2 control-label">证书</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="certificate" value="${n.certificate }">
            </div>
        </div>
        <div class="form-group">

        </div>
        <button type="button" class="sub-btn" >教育信息确认</button>
        <button type="button" class="sub-btn-two" >添加</button>
    </form>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <form action="${ctx }/admin/education/save?id=${n.id }" id="detail-form-two" class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="employee-id-two" name="employee.id" value="${n.employee.id }" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-two" name="employee.name" value="${n.employee.name }"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-two',
                               nameInput: 'employee-name-two'
                               })" />

            </div>

            <!-- 学习起始时间 -->
            <label class="col-sm-2 control-label">学习起始时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="start" value="<fmt:formatDate value='${n.start }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>
        </div>
        <div class="form-group">

            <!-- 学习结束时间 -->
            <label class="col-sm-2 control-label">学习结束时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="end" value="<fmt:formatDate value='${n.end }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>

            <!-- 专业 -->
            <label class="col-sm-2 control-label">专业</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="major" value="${n.major }">
            </div>
        </div>
        <div class="form-group">

            <!-- 学历 -->
            <label class="col-sm-2 control-label">学历</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="record" value="${n.record }">
            </div>

            <!-- 证书 -->
            <label class="col-sm-2 control-label">证书</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="certificate" value="${n.certificate }">
            </div>
        </div>
        <div class="form-group">

        </div>
        <button type="button" class="sub-btn" >教育信息确认</button>
        <button type="button" class="sub-btn-one" >删除</button>
    </form>
</div>

<!--工作经历-->

<div class="wrapper wrapper-content animated fadeInRight">
    <p align="center"><font size="4" color="coral" face="楷体">工作经验信息</font></p>
    <form action="${ctx }/admin/experience/save?id=${n.id }" id="detail-form-eone" class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="employee-id-eone" name="employee.id" value="${n.employee.id }" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-eone" value="${n.employee.name }"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-eone',
                               nameInput: 'employee-name-eone'
                               })" />

            </div>

            <!-- 离职原因 -->
            <label class="col-sm-2 control-label">离职原因</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="reason" value="${n.reason }">
            </div>
        </div>
        <div class="form-group">

            <!-- 单位 -->
            <label class="col-sm-2 control-label">单位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="company" value="${n.company }">
            </div>

            <!-- 工作 -->
            <label class="col-sm-2 control-label">工作</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="work" value="${n.work }">
            </div>
        </div>
        <div class="form-group">

            <!-- 职位 -->
            <label class="col-sm-2 control-label">职位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="position" value="${n.position }">
            </div>

            <!-- 工作起始时间 -->
            <label class="col-sm-2 control-label">工作起始时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="start" value="<fmt:formatDate value='${n.start }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>
        </div>
        <div class="form-group">

            <!-- 工作结束时间 -->
            <label class="col-sm-2 control-label">工作结束时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="end" value="<fmt:formatDate value='${n.end }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>

        </div>
        <button type="button" class="sub-btn" >工作信息确认</button>
        <button type="button" class="sub-btn-etwo" >添加</button>
    </form>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <form action="${ctx }/admin/experience/save?id=${n.id }" id="detail-form-etwo" class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="employee-id-etwo" name="employee.id" value="${n.employee.id }" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-etwo" value="${n.employee.name }"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-etwo',
                               nameInput: 'employee-name-etwo'
                               })" />

            </div>

            <!-- 离职原因 -->
            <label class="col-sm-2 control-label">离职原因</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="reason" value="${n.reason }">
            </div>
        </div>
        <div class="form-group">

            <!-- 单位 -->
            <label class="col-sm-2 control-label">单位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="company" value="${n.company }">
            </div>

            <!-- 工作 -->
            <label class="col-sm-2 control-label">工作</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="work" value="${n.work }">
            </div>
        </div>
        <div class="form-group">

            <!-- 职位 -->
            <label class="col-sm-2 control-label">职位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="position" value="${n.position }">
            </div>

            <!-- 工作起始时间 -->
            <label class="col-sm-2 control-label">工作起始时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="start" value="<fmt:formatDate value='${n.start }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>
        </div>
        <div class="form-group">

            <!-- 工作结束时间 -->
            <label class="col-sm-2 control-label">工作结束时间</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="end" value="<fmt:formatDate value='${n.end }' pattern='yyyy-MM-dd'/>" onclick="laydate({format: 'YYYY-MM-DD'})">
            </div>

        </div>
        <button type="button" class="sub-btn" >工作信息确认</button>
        <button type="button" class="sub-btn-eone" >删除</button>
    </form>
</div>

<!--家庭成员管理-->
<div class="wrapper wrapper-content animated fadeInRight">
    <p align="center"><font size="4" color="coral" face="楷体">家庭成员信息</font></p>
    <form action="${ctx }/admin/family/save?id=${n.id }" id="detail-form-fone" class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="employee-id-fone" name="employee.id" value="${n.employee.id }" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-fone" value="${n.employee.name }"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-fone',
                               nameInput: 'employee-name-fone'
                               })" />

            </div>

            <!-- 姓名 -->
            <label class="col-sm-2 control-label">姓名</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="name" value="${n.name }">
            </div>
        </div>
        <div class="form-group">

            <!-- 关系 -->
            <label class="col-sm-2 control-label">关系</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="relation" value="${n.relation }">
            </div>

            <!-- 联系方式 -->
            <label class="col-sm-2 control-label">联系方式</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="contact" value="${n.contact }">
            </div>
        </div>
        <div class="form-group">

            <!-- 年龄 -->
            <label class="col-sm-2 control-label">年龄</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="age" value="${n.age }">
            </div>

            <!-- 工作单位 -->
            <label class="col-sm-2 control-label">工作单位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="company" value="${n.company }">
            </div>
        </div>
        <div class="form-group">

            <!-- 职位 -->
            <label class="col-sm-2 control-label">职位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="position" value="${n.position }">
            </div>

        </div>
        <button type="button" class="sub-btn" >家庭成员信息确认</button>
        <button type="button" class="sub-btn-ftwo" >添加</button>
    </form>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <form action="${ctx }/admin/family/save?id=${n.id }" id="detail-form-ftwo" class="form-horizontal" method="post">
        <div class="form-group">
            <!-- 员工ID -->
            <label class="col-sm-2 control-label">员工ID</label>
            <div class="col-sm-4">
                <input type="hidden" id="employee-id-ftwo" name="employee.id" value="${n.employee.id }" class="form-control">
                <input type="text"  placeholder="请选择员工ID" class="form-control" id="employee-name-ftwo" value="${n.employee.name }"
                       onclick="bring({
                               url:'${ctx}/admin/employee/search',
                               name: 'name',
                               idInput: 'employee-id-ftwo',
                               nameInput: 'employee-name-ftwo'
                               })" />

            </div>

            <!-- 姓名 -->
            <label class="col-sm-2 control-label">姓名</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="name" value="${n.name }">
            </div>
        </div>
        <div class="form-group">

            <!-- 关系 -->
            <label class="col-sm-2 control-label">关系</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="relation" value="${n.relation }">
            </div>

            <!-- 联系方式 -->
            <label class="col-sm-2 control-label">联系方式</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="contact" value="${n.contact }">
            </div>
        </div>
        <div class="form-group">

            <!-- 年龄 -->
            <label class="col-sm-2 control-label">年龄</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="age" value="${n.age }">
            </div>

            <!-- 工作单位 -->
            <label class="col-sm-2 control-label">工作单位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="company" value="${n.company }">
            </div>
        </div>
        <div class="form-group">

            <!-- 职位 -->
            <label class="col-sm-2 control-label">职位</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="position" value="${n.position }">
            </div>

        </div>
        <button type="button" class="sub-btn" >家庭成员信息确认</button>
        <button type="button" class="sub-btn-fone" >删除</button>
    </form>
</div>



<%@include file="/common/foot.jsp" %>

<script>

    $(document).on("click", ".sub-btn", function () {
        var form = $(this).parents("form");
        form.ajaxSubmit({
            success: function(data) {
                if (isSuccess(data)) {
                    // reload();
                } else {
                }
            }
        });
    })


    function test()
    {
        var name = document.getElementById("sub").value;
        window.location.href = "b.jsp?btnname="+name;
    }
    /*紧急联系人增加 删除 按钮*/

    document.getElementById('detail-form-1').style.display='none';
    document.getElementById('detail-form-2').style.display='none';
    $(document).on("click", ".sub-btn-1", function () {
        document.getElementById('detail-form-1').style.display='';
    })

    $(document).on("click", ".sub-btn-2", function () {
        document.getElementById('detail-form-1').style.display='none';
    })

    $(document).on("click", ".sub-btn-3", function () {
        document.getElementById('detail-form-2').style.display='none';
    })
    $(document).on("click", ".sub-btn-4", function () {
        document.getElementById('detail-form-2').style.display='';
    })



    /*教育经历*/
    document.getElementById('detail-form-two').style.display='none';
    $(document).on("click", ".sub-btn-two", function () {
        document.getElementById('detail-form-two').style.display='';
    })
    $(document).on("click", ".sub-btn-one", function () {
        document.getElementById('detail-form-two').style.display='none';
    })

    /*工作经历*/
    document.getElementById('detail-form-etwo').style.display='none';
    $(document).on("click", ".sub-btn-etwo", function () {
        document.getElementById('detail-form-etwo').style.display='';
    })
    $(document).on("click", ".sub-btn-eone", function () {
        document.getElementById('detail-form-etwo').style.display='none';
    })
    /*家庭经历*/
    document.getElementById('detail-form-ftwo').style.display='none';
    $(document).on("click", ".sub-btn-ftwo", function () {
        document.getElementById('detail-form-ftwo').style.display='';
    })
    $(document).on("click", ".sub-btn-fone", function () {
        document.getElementById('detail-form-ftwo').style.display='none';
    })
</script>
</body>

</html>